page {

  .root-view {
    background-color: #cfcfcf;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    position: relative;
    background-image: url(https://manbingguanli.oss-cn-beijing.aliyuncs.com/wenduo/4dadc41a90634561805e3ad7f8f4397fhomebg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;


    .welcome {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: #fff;
      width: 90%;
      height: 70%;
      border-radius: 20rpx;
      padding: 120rpx 80rpx;
      box-sizing: border-box;
      background-image: url(../../assets/images/shouquan-login.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position-y: center;

      .welcome-words>view {
        &:first-child {
          font-size: 40rpx;
          margin-bottom: 60rpx;
        }

        &:last-child {
          font-size: 34rpx;
        }
      }

      .login {
        margin: 0;
        border-radius: 30rpx;
        font-size: 35px;
      }
    }
  }
}

.circle-background,
.circle-progress {
  fill: none;
}

.circle-background {
  stroke: #ddd;
}

.circle-progress {
  stroke: red;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.circle-text {
  font-size: 3em;
  font-weight: bold;
  fill: red;
}
